body{ padding:0px; margin:0px; font-size:14px;font-family:"微软雅黑",Arial,"宋体";color:#333;overflow:scroll;overflow-x:hidden;}
*{ margin:0; padding:0;}
a{text-decoration:none; color:#333;outline:none}
a:hover {color:#D02132;}
img{ border:0px;}
ul,li{ list-style:none;}
.clear{clear:both;}

/*--------- 导航 ---------*/
#header{width:1200px;margin:0 auto;height:80px;border-bottom:1px solid #dedede;font-size:16px;}
#header img{width:100%;}
.logo{float:left;margin-left:5px;margin-top:5px;width:200px;overflow:hidden;}
#nav {width:940px;padding:0px;position:absolute;left:53%;margin-left:-380px;}
#nav li{float:left; line-height:80px;text-align:center; position:relative;}
#nav li a{color:#333;display:block;padding:0px 24px;}
#nav li a:hover{color:#fff; background:#d02132;}
#nav li:hover{background:#d02132;}
#nav li:hover a{color:#fff;}
#nav li:hover ul{display:block;}
#nav ul{position:absolute; display:none;width:3000px;background:#999;left:-1000px;padding-left:1000px;}
#nav ul li{line-height:40px; float:left;}
#nav ul li a:hover{background-color:#666;}
#nav .on a{background:#d02132;color:#fff;}
#nav:hover .on a{background:#fff;color:#333;}
#nav:hover .on li a{background:#999;}
#nav:hover .on li a:hover{background:#666;}
#nav .on:hover a{background:#d02132;color:#fff;}

/*--------- banner ---------*/

.banner {overflow:hidden;}
.slideBox{ width:100%;position:relative; }
.slideBox .hd{ height: 8px;position: absolute;bottom:20px;z-index: 1; width: 81px;margin-left: -24px; left: 50%; padding: 4px 0px 0px 11px; }
.slideBox .hd ul{ zoom: 1; }
.slideBox .hd ul li{ float: left; width: 14px; height: 14px; background: url(/skin/images/slider.png) no-repeat; cursor: pointer; margin-right: 4px; }
.slideBox .hd ul li.on{ background: url(/skin/images/slider.png) no-repeat -14px top; }
.slideBox .bd{ position:relative;height:600px;z-index:0;overflow:hidden;}
.slideBox .bd ul,.slideBox .bd ul li{width:100%!important;}
.slideBox .bd img{ width:100%; height:auto; display:block;}

/*--------- 首页产品 ---------*/

.inpro{width:1200px; margin:0 auto 50px;}
.inpro .hd{margin-bottom:30px;}
.inpro .hd ul{text-align:center;overflow:hidden;}
.inpro .hd li{margin:0 15px;font-size:17px;color:#333;cursor:pointer;display:inline-block;}
.inpro .hd li.on{color:#d02132;}
.inpro .bd{ padding:10px 0;marign-bottom:4000px;}
.inpro .bd ul{ overflow:hidden;}
.inpro .bd ul li{ width:280px; float:left; overflow:hidden; margin-left:16px;}
.inpro .bd ul li img{ width:280px; height:280px; display:block;}

/*--------- 首页标题 ---------*/

.in_tit {margin:50px auto 10px;width:1200px;overflow: hidden;line-height:40px;font-size:16px;color:#333333;letter-spacing:1px;text-align:center;}
.in_tit h2 {font-size:32px;color:#d02132;font-weight:normal;}
.in_pro_more{text-align:center;}
.in_pro_more a{padding:10px 30px;border:1px solid #d02132;font-size:16px;-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;}
.in_pro_more a:hover{background:#d02132;color:#ffffff;}

/*--------- 首页关于---------*/

.in_about_bg {background: url(../images/in_about_bg.jpg) no-repeat center;height:440px;margin-top:70px;padding-top:100px;}
.in_about{width: 1200px;margin: 0 auto;overflow: hidden;color:#fff;}
.in_about_tu{width:520px; background-color:#333;float:left;}
.in_about_tu img{width:100%;height:354px;padding-bottom:6px}
.in_about_tu .bd {margin:0 auto;height:354px;position:relative;z-index:0;overflow:hidden;}
.in_about_tu .bd ul li {width:100% !important;overflow:hidden;text-align:center;}
.in_about_tu .prev,.in_news_tu .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(skin/images/slider-arrow.png) -126px -137px #000 no-repeat;filter:alpha(opacity=50);opacity:0.5;display:none;}
.in_about_tu p{color:#fff;padding-left:20px;}
.in_about_con {width: 640px;float: right;}
.in_about_con h4{font-size:22px;padding-bottom:20px;}
.in_about_con p {line-height: 30px;font-size: 16px;letter-spacing: 2px;text-indent:2em;margin-bottom:8px;}
.in_about_con p a {display: block;float: right;color: #fff;}

/*--------- 首页新闻 ---------*/

.news{margin:0 auto 80px;width:1200px;overflow: hidden;font-size:15px;}
.xinwen {margin: 10px auto; width:250px; float: left; overflow: hidden;}
.xinwen ul li {border-bottom: #ccc 1px dotted; line-height:38px; text-indent: 1.2em; width:100%; text-overflow: ellipsis; white-space: nowrap; background: url(/skin/images/sanjiaxing_51.jpg) no-repeat left center; height:38px; overflow: hidden}
.fanganshow {margin:10px 0px; width:250px; float: right; overflow: hidden}
.fanganshow ul {overflow: hidden}
.fanganshow ul li {border-bottom: #ccc 1px dotted; line-height:38px; text-indent: 1.2em; width:100%; text-overflow: ellipsis; white-space: nowrap; background: url(/skin/images/sanjiaxing_51.jpg) no-repeat left center; height:38px; overflow: hidden}
.newtit {border-bottom: #ccc 1px solid;padding-left:3px; line-height: 30px; height: 30px;margin-bottom:20px;}
.newtit h3 {float: left; color: #333; font-size: 16px; font-weight: normal}
.newtit a {display: block; float: right;font-size:14px;}
.btbt {float: left;padding-left:10px;padding-right:10px;}
.middle {margin-top:10px;margin-left:8px; width:600px; float: left}
.middle ul li {border-bottom: #ccc 1px dotted; line-height:40px; text-indent: 1.2em;text-overflow: ellipsis; white-space: nowrap; background: url(/skin/images/sanjiaxing_51.jpg) no-repeat left center; height:40px; overflow: hidden}
.zixun {margin: 15px 0px 0px;  height: 154px; overflow: hidden}
.tupian {border: #999 1px solid;width:192px; float: left; height: 135px; overflow: hidden;}
.pinpai {width:380px; float:right; height: 135px; }
.pinpai h3 {line-height: 24px; width: 192px; height: 24px; font-size: 14px; overflow: hidden}
.pinpai span {line-height: 25px; display: block; height: 100px; color: #333; overflow: hidden;}
.pinpai dd {text-align:right}

/*--------- 首页优势 ---------*/

.youshi {margin:40px 0 0 -18px;}
.youshi li {float: left;width: 25%;}
.youshi li a {display: block;position: relative;margin: 0 0 0 18px;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.youshi li .tit {position: absolute;left: 0;bottom: 0;width: 100%;background-color: #d02132;text-align: center;font-size: 18px;line-height: 85px;font-weight: bold;color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.youshi li .tit i {position: absolute;left: 50%;top: -23px;width: 46px;height: 46px;background: no-repeat center #142038;margin-left: -23px;border-radius: 50%;}
.youshi li .text {position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);-webkit-transition: all 0.5s;transition: all 0.5s;}
.youshi li .wrap {color: #fff;padding: 80px 30px 0;}
.youshi li .wrap i {width: 64px;height: 64px;background: no-repeat center #fff;margin: 0 auto;border-radius: 50%;display: block;}
.youshi li .wrap h4 {margin: 0;position: relative;line-height: 70px;font-size: 24px;text-align: center;}
.youshi li .wrap h4:after {position: absolute;bottom: 0;left: 50%;content: '';height: 3px;width: 30px;background-color: #fff;margin-left: -15px;}
.youshi li .wrap p {font-size: 16px;line-height: 1.8;text-align: justify;margin: 15px 0 0;}
.youshi li a:hover .tit {bottom: -108px;}
.youshi li a:hover .text {top: 0;}
.youshi .img-center {text-align: center;font-size: 0;}
.youshi .img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}

/*--------- 底部 ---------*/

.footer {padding:50px 0 20px;background:#333;color:#eee;}
.footer a {color:#eee;}
.footer a:hover {color:#eee;text-decoration:underline;}
.footer .list{width:1200px;margin:0 auto;}
.footer dl {width:130px;float:left;}
.footer dt {height:30px;line-height:30px;font-size:16px;font-weight:bold;padding-bottom:6px;}
.footer dd {height:30px;line-height:30px;}
.weixin,.study {margin:10px 40px;float:left;width:120px;height:120px;font-size:16px;text-align:center;}
.weixin img,.study img{width:100%;margin-bottom:3px;}
.ft_tel{width:200px;float:right;text-align:center;font-size:16px;padding-top:20px;}
.ft_tel p{font-size:24px;padding-top:10px;}
.ft_tel a{display:block;width:90px;height:24px;line-height:24px;border-radius:2px;background:#e60012;margin:10px auto 0;}
.ft_copy {text-align:center;line-height:25px;padding-top:20px;border-top:1px solid #9e9e9e;margin-top:30px;}
.friend{text-align:center;font-size:12px;padding-top:5px;}
.friend a{margin:auto 6px;}

/*--------- 返回顶部 ---------*/

#roll{position:fixed;right:20px;top:85%;}
#roll_top{cursor:pointer;height:45px;width:45px;background:#d02132 url(../images/top.gif) no-repeat;}
#roll_top2{height:45px;width:45px;background:#d02132 url(../images/topback.gif) no-repeat;display:none;position:fixed;}

/*--------- 在线客服 ---------*/

.kefu{position:fixed; right:10px;bottom:50%;z-index:999;background:#ffffff; }
.kefu .btn{width:60px; height:60px;cursor:pointer; position:relative;}
.kefu .btn-kf{background:url(/skin/images/r_kf.png) 0px 0px no-repeat; background-color:#d02132;display:block;margin-bottom:3px;}
.kefu .btn-kf:hover{background-color:#d02132;}
.kefu .btn-wx{background:url(/skin/images/r_wx.png) 0px 0px no-repeat; background-color:#333;margin-bottom:3px;}
.kefu .btn-wx:hover{background-color:#d02132;}
.kefu .btn-wx .pic{position:absolute; left:-127px; top:0px; display:none;width:122px;height:122px;border:1px solid #ffffff;}
.kefu .btn-phone{background:url(/skin/images/r_phone.png) 0px 0px no-repeat; background-color:#333;}
.kefu .btn-phone:hover{background-color:#d02132;}
.kefu .btn-phone .tel{background-color:#d02132; position:absolute; width:160px; left:-162px; top:0px; line-height:60px; color:#FFF; font-size:18px; text-align:center; display:none;}
.liuyan{height:360px; overflow:hidden; width:490px; position:fixed; left:50%;margin:-180px 0 0 -250px; top:50%; _position:absolute; z-index:9999;display:none;border:1px solid #ccc;background:#fff;}
.liuyan p{margin:12px;text-align:center;}
.liuyan span{float:right;cursor: pointer;font-size:20px;}
.liuyan .close{padding:10px 15px 15px;border-bottom:1px solid #dddddd;margin-bottom:30px;}
.liuyan .input{width:280px;height:30px;border:1px solid #cccccc;margin:0 15px;padding:0 10px;outline:none;}
.liuyan .text{width:280px;border: 1px solid #cccccc;margin:0 15px;padding:10px;outline:none;}
.liuyan .send{background:#d02132;color:#ffffff;padding:7px 10px;margin-top:5px;margin-right:10px;font-size:16px;outline:none;border:none;cursor: pointer;}
.liuyan .zailai{background:#333333;color:#ffffff;padding:7px 10px;margin-top:5px;margin-left:10px;font-size:16px;outline:none;border:none;cursor: pointer;}